<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="assets/css/index.css">
  <title>主界面</title>
</head>
<body>
   <div class="top">
     <img src="assets/css/images/index2/logo.png" alt="">
     <ul>
       <li>学校</li>
       <li>武汉大学</li>
       <li><span></span></li>
       <li>欢迎您</li>
       <li>管理员</li>
       <li><span></span></li>
       <li><a href="#">退出</a></li>
     </ul>
   </div>
   <div class="content">
     <div class="left">
        <ul>
          <li class="basics">基础信息</li>
          <li class="rule">规则条件</li>
          <li class="start">开始排课</li>
        </ul>
     </div>
     <div class="middle">
       <div class="mid-top">
         <ul class="mid-top-left">
           <li>我的任务：</li>
           <li>课程名称内容</li>
         </ul>
         <ul class="mid-top-right">
           <li id="upload">点击上传</li>
           <li>下载课表Ecel表格模式</li>
         </ul>
       </div>
       <div class="Lesson">
         <div class="Lesson-left">
           <img src="assets/css/images/index2/icon2.png" alt="">
           <p>任课信息</p>
         </div>
         <div class="Lesson-right">
           <p>请按照模板样式填写课时分配和任课安排，请注意阅读红色标注</p>
           <ul>
             <li>您已经设置节次信息</li>
             <li>【上午4节】</li>
             <li>【下午13节】</li>
             <li>【一周3天】</li>
           </ul>
         </div>
       </div>
       <div class="list">
         <div class="list1">
           <ul>
             <li>年级</li>
             <li>班级</li>
             <li>语文</li>
             <li></li>
             <li>数学</li>
             <li></li>
             <li>外语</li>
             <li></li>
             <li>艺术</li>
             <li></li>
             <li>劳技</li>
             <li></li>
             <li>体育</li>
             <li></li>
             <li>班会</li>
             <li></li>
           </ul>
         </div>
         <div class="list2">
           <ul>
             <li>高二</li>
             <li>1班</li>
             <li>3+1</li>
             <li>宇文瑞</li>
             <li>5</li>
             <li>于志成</li>
             <li>5</li>
             <li>童向娇</li>
             <li>1</li>
             <li>司马凝竹</li>
             <li>1</li>
             <li>苟明远</li>
             <li>1</li>
             <li>宜采萱</li>
             <li>全骏年</li>
             <li>1</li>
           </ul>
         </div>
         <div class="list2">
           <ul>
             <li>高二</li>
             <li>1班</li>
             <li>3+1</li>
             <li>宇文瑞</li>
             <li>5</li>
             <li>于志成</li>
             <li>5</li>
             <li>童向娇</li>
             <li>1</li>
             <li>司马凝竹</li>
             <li>1</li>
             <li>苟明远</li>
             <li>1</li>
             <li>宜采萱</li>
             <li>全骏年</li>
             <li>1</li>
           </ul>
         </div>
         <div class="list2">
           <ul>
             <li>高二</li>
             <li>1班</li>
             <li>3+1</li>
             <li>宇文瑞</li>
             <li>5</li>
             <li>于志成</li>
             <li>5</li>
             <li>童向娇</li>
             <li>1</li>
             <li>司马凝竹</li>
             <li>1</li>
             <li>苟明远</li>
             <li>1</li>
             <li>宜采萱</li>
             <li>全骏年</li>
             <li>1</li>
           </ul>
         </div>
       </div>
     </div>
     <div class="right">
       <select>
         <option value="">排课遇到难题</option>
       </select>
       <div class="right-btm">
         <p>使用技巧</p>
         <p>在线服务</p>
       </div>
     </div>
   </div>
   <div class="content2">
     <div class="uploads">
            <ul>
              <li><img src="assets/css/images/index2/icon.png" alt=""><p>上传课时和教师信息</p><div class="close">
              </div>
              </li>
              <li><img src="assets/css/images/index2/img.png" alt=""><p>请按照模板填写信息，其中“4+1”表示4节单堂一节连堂，共六课时。</p></li>
              <li>
                <span>导入数据</span>
                <span class="close">关闭</span>
              </li>
            </ul>
     </div>
   </div>
   <script src="assets/js/jquery.min.js"></script><script type="text/javascript">
     $("#upload").click(function () {
       $(".content2").css("display","block")
     })
     $(".close").click(function () {
       $(".content2").css("display","none")
     })
   </script>

</body>
</html>
